<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=800">
<style>
  html { font-size:16px; }
  body {
    margin: 0;
    overflow-y: hidden;
    font-size: 16px;
  }
  #description {
    overflow: clip;
    width: 600px;
    height: 3em;
  }
  table {
    outline: 1px solid black;
    margin: 1px;
    border-collapse: collapse;
  }
  td {
    background-color: honeydew;
    border: 1px dotted darkgreen;
  }
</style>
</head>
<body>
<div id="description">
Table autosizing tests - table-with-inline-block.html<br/>
This test passes if there is not extra space in the pink boxes.
</div>
<table style="font-size:2.5rem;">
  <tr>
    <td>
      Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
      <b style="display: inline-block; background-color: pink; font-size: 16px;">wrapped text</b>
      Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize Autosize
    </td>
  </tr>
</table>
<table style="font-size:2.5rem;">
  <tr>
    <td>
      Autosize<br/>
      <b style="display: inline-block; background-color: pink; font-size: 16px;">Wrapped text</b><br/>
      Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>
      Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>Autosize<br/>
    </td>
  </tr>
</table>
</body>
</html>
